import React from 'react';
//组件props类型,使用组件看会传递什么参数
import classNames from 'classnames';
type Props = {
  type: string;
  className?: string; //样式可能会传也可能不会,如果不修改样式就不会传
  onClick?: () => void;
};
export default function Icon({ className, type, onClick }: Props) {
  return (
    <svg
      className={classNames('icon', className)}
      aria-hidden="true"
      onClick={onClick}
    >
      <use xlinkHref={`#${type}`}></use>
    </svg>
  );
}
